<template>
  <div class="seat_intro">
    <span>修改座位清单：</span>
    <div v-for = "(item,index) in info" class="seat_div">
      <span>编号 {{index}}</span>
      <input class="change_msg" v-model="item.msg" />
        <input class="change_intro" v-model="item.intro" />
      <button :id=index @click="add_one(index)"></button>
      <p />
    </div>
  </div>
</template>

<script>
  export default {
    el: '#change_seat_intro',
    data() {

      return {
        info:[
          {
            msg: "宴会大桌",
            intro: "这是宴会大桌",
          },
          {
            msg: "宴会中桌",
            intro: "这是宴会中桌",
          },
          {
            msg: "宴会小桌",
            intro: "这是宴会小桌",
          },
        ]
      };
    },
    methods: {
      add_one: function (e) {
        console.log(e);
        return this.$router.push({name:'set_up_new',params:{id: e}});
      }
    }
  }
</script>

<style src=".\change_seat_intro.css">
</style>
